<template>
  <div class="app" @click="changeIsArrow(false)">
    <NuxtLayout name="header"></NuxtLayout>
    <NuxtPage />
    <NuxtLayout name="footer"></NuxtLayout>
  </div>
</template>
<script setup lang="ts">
const isArrow = useState("isArrow", () => false);

function changeIsArrow(flag: any) {
  isArrow.value = flag;
}
useSeoMeta({
  title: "中国(厦门)国际跨境电商展览会（中跨展ICEIE）",
  ogTitle: "中国(厦门)国际跨境电商展览会（中跨展ICEIE）",
  description:
    "中国（厦门）国际跨境电商展（简称“中跨展”，英文缩写ICEIE），中跨展是由中国国际商会、商务部外贸发展事务局、厦门市贸促会、厦门国际商会共同主办的权威性、国际性、专业性国家级服务贸易展。累计覆盖全球40多个国家和地区，近15万名境内外客商参会，集中展示全国50多个优质产业带。",
  ogDescription:
    "中国（厦门）国际跨境电商展（简称“中跨展”，英文缩写ICEIE），中跨展是由中国国际商会、商务部外贸发展事务局、厦门市贸促会、厦门国际商会共同主办的权威性、国际性、专业性国家级服务贸易展。累计覆盖全球40多个国家和地区，近15万名境内外客商参会，集中展示全国50多个优质产业带。",
});
</script>
<style>
.app {
  width: 100%;
  overflow: hidden;
  min-height: 100vh;
}
* {
  padding: 0;
  margin: 0;
  list-style: none;
}

a {
  text-decoration: none !important;
}

li {
  list-style: none;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s ease;
}

.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.mr-b-80 {
  margin-bottom: 80px;
}
</style>
